import {Pressable, StyleSheet, Text} from 'react-native'
import {MaterialIcons} from '@expo/vector-icons'

export default function ({icon, label, onPress}) {
    return (
        <Pressable style={styles.iconButton}>
            <MaterialIcons name={icon} size={24} color="#fff" onPress={onPress}/>
            <Text style={styles.iconButtonLabel}>{label}</Text>
        </Pressable>
    )
}

const styles = StyleSheet.create({
    iconButton: {},
    iconButtonLabel: {
        color: '#fff'
    }
})